<!--
 * @Descripttion: 商品详情
 * @version:
 * @Author: cxguo
 * @Date: 2019-08-17 20:26:23
 * @LastEditors: cxguo
 * @LastEditTime: 2020-08-04 09:30:20
 -->
<template>
  <div class="top clearfix">
    <el-button type="default" @click="clear">
      重置所有条件
    </el-button>
    <div class="margin-t10">
      <slot ref="slot" />
    </div>
  </div>
</template>

<script>
import { oftenuse } from '@/libs/mixins'

export default {
  name: 'SearchFilter',
  mixins: [oftenuse],
  props: {
    search: {
      type: Function,
      default: () => {}
    },
    clear: {
      type: Function,
      default: () => {}
    }
  },
  data() {
    return {
    }
  },
  methods: {
  }
}
</script>

<style scoped>
.top{
  border-top: solid 1px #ebeef6;
  margin-top: 20px;
  padding-top: 20px;
}
.left{
    margin-right:200px;
    padding-right:10px;
}
.right{
    float:right;
    width:100px;
    padding-left:10px;
}
</style>
